<template>
  <div class="anchor">
    <theme-header-small title="热门主播" more="" />

    <div class="anchor-list">
      <div
        class="item"
        v-for="item in hotAnchor"
        :key="item.picUrl"
      >
        <a href="javascript:;" class="image">
          <img :src="item.picUrl" alt="">
        </a>

        <div class="info">
          <div class="name">{{ item.name }}</div>
          <div class="posit">
            {{ item.position }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import ThemeHeaderSmall from "@/components/theme-header-small/index.vue";
import { hotAnchor } from "@/common/local-data";

</script>

<style lang="less" scoped>
@import './index.less';
</style>